/* 独家特供 */
.zhubian{
  height: 630px;
  border-bottom: 1px solid #aaaaaa;
}
/* 上左部分 */
.zhubian .left{
  float: left;
  width: 951px;
  height: 605px;

}
.zhubian .left dl{
margin-top: 18px;
height: 54px;
/* border-bottom:2px solid #487a6f ; */

}
.zhubian .left dt{
  font-size: 18px;
  float: left;
  color: #487a6f;
  width: 150px;
  line-height: 53px;
  border-bottom:2px solid #487a6f ;

}
.zhubian .left dt span{
  display: block;
  width: 43px;
  height: 43px;
  color: white;
  text-align: center;
  background-color: #487a6f;
  border-radius: 43px;
  float: left;
  line-height: 44px;
  font-size: 30px;
}
.zhubian .left dd{
  float: left;
  width: calc((100% - 194px)/11
  );
  line-height: 21px;
box-sizing: border-box;

margin-top: 30px;
text-align: center;
color: #487a6f;
border:2px solid rgba(0, 0, 0, 0) ;
border-bottom:2px solid #487a6f ;

}
.zhubian .left dd:hover{
  border:2px solid #487a6f ;
  border-bottom :0;
  border-radius: 4px 4px 0 0; 
}
.zhubian .left dd:hover a{
  color: #487a6f;
}
/* 书本区域 */
.zhubian .left ul{
  width: 950px;
}
.zhubian .left ul li{
  float: left;
  width: 20%;
  text-align: center;
  margin: 30px 0  0 0;
}
.zhubian .left ul li>img{
  margin: 0 auto 10px;
  
}
.zhubian .left ul li p {
  width: 108px;
  margin: 0 auto;
  line-height: 22px;
}
.zhubian .left ul li p+p {
  color: #6c968d;
}
.zhubian .left ul li p img{
  float: left;
  margin-top: 3px;
}
.zhubian .left ul li p+p+p{
  color: #d43300;
}
.zhubian .left ul li p s{
  color: #aaaaaa;
}
/*图书畅销 */
.zhubian .right{
  float: left;
  margin-top: 21px;
  margin-left: 8px;
}
.zhubian .right h3{
  width: 240px;
  height: 49px;
  line-height: 60px;
  font-size: 16px;
  background-color: white;
  color: #d72853;
}
.zhubian .right h3 img{
  float: left;
  margin: 13px 8px 0 5px;
}
.author{
  height: 530px;
  border-bottom: 2px solid #aaaaaa;
  margin-bottom: 30px;
  margin-top: 20px;
}
/* 左边 */
.author>.left{
  
  width: 950px;
  box-sizing: border-box;
  height: 510px;
  float: left;
  border: 1px solid #aaaaaa;
}
.author>.left .top {
width: 950px;
line-height: 38px;
height: 38px;
font-size: 16px;
border-bottom: 1px solid #aaaaaa;
}
.author>.left .top span{
  float: left;
  width: 120px;
  text-align: center;
}
.author>.left .top span:hover{
  border-top: 1px solid #487a6f;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
color: #487a6f;
font-weight: 800;
  border-bottom: 2px solid #FFFF;
  line-height: 36px;
}
.author .first{
  width: 795px;
  height: 470px;
  float: left;
}
.author .first span{
  font-size: 24px;
  color: red;
  float: left;
  font-weight: 700;
  margin-top: 5px;
}
.author .first img{
  float: left;
  margin: 21px 18px 0 10px;
}
.author .first h3{
  height: 20px;
}
.author .first>.duanl{
  width: 540px;
  height: 114px;
  float: left;
  margin-top: 45px;
}
.author .first p{
  line-height: 24px;
 margin-top: 10px;
  width: 540px;
}
.author .first .zp{
  width: 746px;
  float: left;
  height: 273px;
  margin: 34px 36px 0 17px;
  border-top: 1px dashed #d4d4d4;
}
.author .first .zp h3{
  margin-top: -10px;
  width: 68px;
  height: 24px;
  text-align: center;
  line-height: 24px;
background-color: #f8f8f8;
margin-right: 10px;
}
.author .first .zp li{
  width:152px ;
  height: 230px;
  float: left;
  margin-right: 42px;
}
.author .first .zp li+li+li+li{
  margin-right: 0px;
}
.author .first .zp li p{
  float: left;
  margin-left: 20px;
}.author .first .zp li p s{
color: #d4d4d4;
}
.author .first .zp li p+p{
  color: red;
}
.author .left>ul{
  float: left;
  height: 450px;
  border: #aaaaaa 1px solid;
  width: 136px;
  margin-top: 10px;
  padding: 0 4px;
box-sizing: border-box;

  background-color: #f8f8f8;
}
.author .left>ul li{
  line-height: 44px;
box-sizing: border-box;
  font-size: 12px;
  border-bottom: 1px solid #d4d4d4;
}
.author  .left>ul li a{
  color: black;
}
.author .left>ul li span{
  margin: 0 13px;
  color: #487a6f;
}
/* 右边 */
.author .right{
float: right;
width: 240px;
height: 510px;
}
.author .right img{
  margin-bottom: 10px;
}
/* 悦 */
.yue{
  height: 170px;
}
.yue img{
  margin-right: 27px;

  float: left;
}
.yue img+img+img{
  margin-right: 0;
}
/* 猜你喜欢 */
.cai{
  overflow: hidden;
}
.cai h3{
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  border-bottom: 2px solid #487a6f;
}
.cai h3 span{
float: left;
  background-color: #487a6f;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  font-size: 30px;
  color: white;

  margin: 10px 5px 0;
  border-radius: 43px;
}
.cai h3 a{
  margin-left: 40px;
  font-size: 12px;
  color: #228bc1;
}
.cai .showl{
  width: 960px;
  height: 550px;
float: left;
}
.cai .showl li{
  float: left;
  width: 20%;
  height: 50%;
}
.cai .showr{
  float: right;
  width: 220px;
  height: 510px;
  padding-left: 20px;
  background-color: #d4d4d4;
}
.cai .showr h4{
  color: #487a6f;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}
.cai .showr a{
  color: black;
  display: block;
  line-height: 40px;
  width: 90px;
  float: left;
}
/* 读者推荐 */
.duzhe{
  height: 620px;
}
.duzhe .left{
  height: 597px;
  float: left;
  width: 950px;
  margin-right: 10px;
}
.duzhe .left h3{
  height: 52px;
  line-height: 52px;
  color: #487a6f;
  font-weight: 400;
  font-size: 16px;
  border-bottom: 2px solid #487a6f;
}
.duzhe .left h3 span{
  text-align: center;
  line-height: 43px;
  float: left;
  height: 43px;
  width: 43px;
  margin: 0 5px 0;
  border-radius: 43px;
  background-color: #487a6f;
  color: white;
  font-size: 30px;
}
.duzhe .left h3 a{
  float: right;
  font-size: 12px;
  width: 90px;
  text-align: center;
  height: 32px;
  background-color: white;
  line-height: 30px;
  color: #666;
  margin-top: 22px;
  border-bottom: 2px solid #487a6f;
  box-sizing: border-box;
}
.duzhe .left h3 a:hover{
  border: 2px solid #487a6f;
  border-bottom: white;
  border-radius: 4px 4px 0 0;
color: #487a6f;
}
.duzhe .left>ul{
  height: 542px;
}
.duzhe .left .top {
  border-bottom: 1px solid #d4d4d4;
  height: 250px;
}
.duzhe .left .top img{
  float: left;
  margin: 20px 38px 0 30px;
}
.duzhe .left .top .one{
  color:  red;
  font-size: 15px;
  
}
.duzhe .left .top h4{
  width: 714px;
  float: left;
  margin-top: 20px;
}
.duzhe .left .top h4+p{
  width: 714px;
  float: left;
  color: orange;
  line-height: 1;
  margin: 12px 0;
}
.duzhe .left .top h6{
  width: 714px;
  float: left;
}
.duzhe .left .top h6 span{
  color: red;
  margin-right: 5px;
}.duzhe .left .top h6 s{
  color: #d4d4d4;
}
.duzhe .left .top h6+p{
  width: 714px;
  float: left;
  color: #666666;
  line-height: 24px;
}
.duzhe .left .top~li{
  margin-right: 61px;
  height: 275px;
float: left;
}
.duzhe .left .top~li p+p{
  color: orange;
  font-weight: 800;
}
.duzhe .left .top~li p+p+p+p{
  color: #bbb9b9;
  font-weight: 400;
}
.duzhe .left .top~li p s{
  color: #aaaaaa;
  font-weight: 400;
}
.duzhe .left .top~li .two{
  color: orange;
  margin: 24px 0 12px 24px;
}






.duzhe .right{
  width: 240px;
  height: 596px;
  float: left;
  box-sizing: border-box;
  border: #e7e7e7 1px solid;
}
.duzhe .right .hea{
  height: 92px;
}
.duzhe .right .hea h4{
  height: 46px;
  background-color: #487a6f;
  text-align: center;
  line-height: 46px;
  color: white;
}
.duzhe .right .hea::after{
  content: url(image/jianto.png);
  width: 238px;
  height: 46px;
  display: block;
}
.duzhe .right h3{
  padding-left: 14px;
  color: #487a6f;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
.duzhe .right dl{
  height: 427px;
  padding-left: 14px;
  width: 224px;
}
.duzhe .right dl dt{
  margin: 13px 0 48px;
  color: black;
  font-weight: 800;
}
.duzhe .right dl img{
  margin: 0 auto 20px;
}
.duzhe .right dl dd{
  line-height: 24px;
  width: 199px;
  color: black;

}
.duzhe .right a{
  float: left;
  width: 98px;
  height: 28px;
  background-color: #ff5d5d;
  font-size: 15px;
  color: white;
  margin: 0 8px 0 14px;
  text-align: center;
  line-height: 28px;
}
.duzhe .right a+a{
  margin-right: 14px;
  margin-left: 0;
  background-color: #487a6f;
}
.bor{
  height: 555px;
  border-bottom:  1px solid #eaeaea;
}
.tejia{
  height: 538px;
  box-sizing: border-box;
  border-top:  1px solid #eaeaea;
  border-left:  1px solid #eaeaea;
}
.tejia dt,.tejia dd{
  border-right:  1px solid #eaeaea;
  border-bottom:  1px solid #eaeaea;
  width: 199px;
  height: 179px;
  box-sizing: border-box;
  float: left;
  line-height: 1;
}
.tejia dd img{
  margin: 12px auto 25px;

}
.tejia dd p{
  text-align: center;
}
.tejia dd span{
  color: #dd245d;
  font-size: 14px;
  margin-right: 14px;
}
.tejia dd span::before{
  content: "2.9";
  color: #dd245d;
  font-size: 18px;
}
/* 正规渠道 */
.zheng{
  height: 78px;
  background-color: #fafafa;
  border-top: 2px solid #ff2832;
  border-bottom:#ebebeb 1px solid;
  margin-top: 20px;
}
.zheng ul{
  height: 78px;
  color: #ff2832;
  font-size: 14px;
  line-height: 20px;
}
.zheng ul li::before{
  content: "正";
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #ff2832;
  color: white;
  font-size: 34px;
  line-height: 50px;
  text-align: center;
  font-weight: 900;
  margin: 15px 20px 0 0;
}
.zheng ul li{
  width: 25%;
  height: 78px;
  float: left;
}
.zheng ul p{
  margin-top: 19px;
}
.zheng ul p+p{
  margin-top: 0;
}
/* 指南 */
section{
  height: 170px;
  border-bottom: 1px solid #7d7d7d;
}
section>div{
  height: 170px;
}
section dl{
  float: left;
  width: calc(100%/6);
  height: 100px;
  margin-top: 40px;
}
section dl dt a{
  font-weight: 900;
color: black;
text-align: center;
}
section dl dt{
  margin-bottom: 11px;
}
section dl dd a{
  line-height: 20px;
  color: #7d7d7d;
}
/* 尾部 */
footer{
  height: 168px;
  text-align: center;
}
footer ul{
  display: inline-block;
  margin-top: 20px;
}
footer ul li{
  float: left;
}
footer ul li a{
  display: block;
  padding: 0 10px;
  line-height: 1;
  border-left: 1px solid #8c8c8c;
  color: #8c8c8c;
}
footer ul li a[href=gs]{
  border-left:0;
}
footer p{
  position: relative;
  margin-top: 70px;
}
footer p img{
  position: absolute;
  left: calc((100% - 84px)/2);
  top: -34px;
}